﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="Web.About.NewAbout.about" %>
<%@ Register Src="~/AboutControl/sidebar.ascx" TagPrefix="uc1" TagName="sidebar" %>
<%@ Register Src="~/AboutControl/footer.ascx" TagPrefix="uc1" TagName="footer" %>
<%@ Register Src="~/AboutControl/state.ascx" TagPrefix="uc1" TagName="state" %>
<%@ Register Src="~/AboutControl/headers.ascx" TagPrefix="uc1" TagName="headers" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="keywords" content="恒信人才,恒信网聘,恒信猎头,恒信派遣,恒信培训,恒信家政"/>
    <meta name="description" content="恒信人才目前是浙江省内最具规模和影响力的专业人力资源公司,全力引进优秀人才,支持浙江新的腾飞!"/>
    <meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=yes" name="format-detection"/>
    <meta name="renderer" content="webkit"/>
    <meta content="email=no" name="format-detection"/>
    <link href="css/all.css" rel="stylesheet" />    
    <link href="css/media.css" rel="stylesheet" /><!--各个浏览器响应式属性-->
    <link href="css/animation.css" rel="stylesheet" /><!--图片渐变键入效果样式-->
    <link href="css/base.css" rel="stylesheet" /><!--默认样式重置-->
    <link rel="stylesheet" href="css/lrtk.css" /><!--banner样式-->
    <link href="css/scroll.css" rel="stylesheet" /><!--默认样式重置-->
    <link href="css/product.css" rel="stylesheet" /><!--产品服务样式-->

    <!-- 引入 swiper 核心样式 -->
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" /> 

    <script src="js/jquery.js"></script><!--Jquery1.10.1库-->
    <!-- 引入 swiper 核心脚本（放 jQuery 之后，index.js 之前） -->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> 
    <script src="js/waypoints.min.js" type="text/javascript"></script><!--滚动监听--> 
    <script src="js/index.js" type="text/javascript"></script><!--滚动监听--> 
    <script src="js/scroll.js" type="text/javascript"></script><!--轮播图--> 
    
</head>  
  
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>
     <uc1:headers runat="server" id="headers" />
<uc1:sidebar runat="server" ID="sidebar" />
  <!-- 顶部 banner 图 -->
  <div class="top-banner">
    <img src="/images/solution/taxation_bg.jpg" alt="">
    <div class="banner-title">
      <div class="banner-h1">财税外包</div>
      <div class="banner-btn"><a href="https://hxrc91job.mikecrm.com/Gg7ZWF">联系我们</a></div>
    </div>
  </div>

  <!-- 导航栏 -->
  <div class="nav">
    <div class="nav-container">
      <ul>
        <li class="active" data-target="custormer-difficulty">
          <a href="#custormer-difficulty" style="text-decoration: none; color: inherit;">客户的难题</a>
        </li>
        <li data-target="mine-product">
          <a href="#mine-product" style="text-decoration: none; color: inherit;">我们的产品</a>
        </li>
        <li data-target="advantage">
          <a href="#advantage" style="text-decoration: none; color: inherit;">我们的优势</a>
        </li>
        <li data-target="enterprise-honor">
          <a href="#enterprise-honor" style="text-decoration: none; color: inherit;">我们的价值</a>
        </li>
      
      </ul>
    </div>
  </div>

  <!-- 内容容器 -->
  <div class="container">
    <!-- 客户的难题 -->
    <div id="custormer-difficulty" class="custormer-difficulty">
        <div>

      <h2 class="section-header-h1">客户的难题</h2>
      <div class="corporate-culture">
          <div class="culture-item">
              <h3>01</h3>
              <p>账算不清楚</p>
              <p>企业收支混乱，手工记账易错漏，账目与实际资金不符，导致财务失真，影响经营决策。</p>
          </div>
          <div class="culture-item">
              <h3>02</h3>
              <p>不懂税</p>
              <p>政策变化快，企业缺乏专业税务知识，申报易出错，面临补税、罚款甚至稽查风险。</p>
          </div>
          <div class="culture-item">
              <h3>03</h3>
              <p>数据孤岛 </p>
              <p>业务、财务、税务数据分散在各系统中，无法联动分析，管理层难以获取全局视角。</p>
          </div>
          <div class="culture-item">
              <h3>04</h3>
              <p>财务人员交替数据传承</p>
              <p>财务人员流动大，交接不彻底，账务断层，新会计难以快速接手，影响财务连续性。</p>
          </div>
          </div>
        </div>

    </div>

    <!-- 我们的产品 -->
     <div id="mine-product" class="mine-product">
       <div>

      <h2 class="section-header-h1">我们的产品</h2>
     <div class="product-text">
        <p>账系统</p>
        <p>自动化记账，智能稽核，确保账目清晰准确，减少人工误差，解决“算不清账”问题</p>
        <p>税系统</p>
        <p>内置最新税务政策，智能算税、风险预警，辅助企业合规申报，降低税务风险。</p>
        <p>钱系统</p>
        <p>实时监控资金流动，与账务系统无缝对接，确保每一笔收支可追溯，提升资金管理效率。</p>
        <p>战略系统</p>
        <p>整合多维度数据，提供可视化经营看板，帮助老板实时掌握企业财务健康度，支持科学决策。</p>
        <p>AI财务知识库</p>
        <p>7×24小时智能答疑，覆盖做账、报税、合规等场景，弥补企业财税知识短板。</p>
     </div>
     <div class="product-center">
        <div class="product-content">
          <div class="left-line"></div>
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slider">
                <div class="swiper-l-line lline" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce1.png" alt="">
                  </div>
                  <div class="txt">专业咨询与服务<br>诊断</div>
                </div>
                <div class="swiper-r-line rline " ></div>
              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no2line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce2.png" alt="">
                  </div>
                  <div class="txt">定制相应的人力<br>资源服务流程</div>
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no3line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce3.png" alt="">
                  </div>
                  <div class="txt">稳定的服务<br>质量</div>
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no4line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce4.png" alt="">
                  </div>
                  <div class="txt">定期的服务评估<br>与持续渐进</div>
                  
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no5line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce5.png" alt="">
                  </div>
                  <div class="txt">伴随企业发展，提供<br>可拓展的体系化<br>服务支持</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no6line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce6.png" alt="">
                  </div>
                  <div class="txt">管理并跟踪客户<br>需求变化</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no7line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce7.png" alt="">
                  </div>
                  <div class="txt">提供全面的<br>服务信息交付<br>支持平台</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
            </div>
          </div>
          <div class="right-line"></div>
        </div>
     </div>

    </div>
    </div>
    <div class="container">
    <!-- 我们的优势 -->
    <div id="advantage" class="advantage-section-center">
        <div>

      <h2 class="section-header-h1">我们的优势</h2>
      <div class="corporate-culture">
        <div class="center-first">
            <div class="culture-item">
            <div class="top-img">
              <img src="/images/solution/center_a_bg1.png" alt="">
            </div>
            <div class="asc-right">
               <h3>01</h3>
               <p>全流程智能化</p>
                <div class="center-txt">覆盖“战略-账-钱-税”全链条，通过AI自动化处理数据，解决“算不清账”问题，减少人工误差，提升效率。</div>
          </div> 
          <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg2.jpg" alt="">
            </div>
              <div class="asc-right">
                 <h3>02</h3>
                  <p>税务合规化</p>
                <div class="center-txt">税系统内置最新政策及风险预警，AI知识库实时解答税务难题，帮助客户规避风险，弥补“税务不懂”的短板。</div>
              </div>
          </div>
        </div>
        <div class="center-scend">
 <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg3.jpg" alt="">
            </div>
            <div class="asc-right">
               <h3>03</h3>
               <p>无缝交接和数据整合</p>
               <div class="center-txt">标准化账务流程和云端存储，解决会计交接混乱问题；打破数据孤岛，实现多系统间一键同步，确保财务连贯性。</div>
            </div>
          </div>
           <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg4.jpg" alt="">
            </div>
             <div class="asc-right">
               <h3>04</h3>
               <p>AI深度赋能</p>
                <div class="center-txt">AI财务知识库提供24/7智能咨询，从做账到税务规划即时响应，降低专业门槛，让客户轻松管理财务。</div>
            </div>
          </div>
        </div>
        
         
          
          </div>
        </div>

    </div>


    <!-- 我们的价值 -->
    <div id="enterprise-honor" class="honor-section">
       <div>

          <h2 class="section-header-h1">我们的价值</h2>
          <div class="corporate-culture">
          <div class="culture-item">
            <h3>降本增效</h3>
              <p>自动化核算+AI辅助，减少70%手工操作，人力成本降低50%，让企业聚焦核心业务。</p>
              <div class=" value-icon value-icon1"></div>
          </div>
       
          <div class="culture-item">
            <h3>风险可控</h3>
              <p>税务系统动态监控政策变化，提前预警风险，合规率提升90%，避免罚款或信用损失。</p>
              <div class="value-icon value-icon2"></div>
          </div>
          <div class="culture-item">
            <h3>决策有据
</h3>
              <p>整合全域财务数据，生成可视化报表，助力老板实时掌握经营状况，战略系统支持科学决策。</p>
              <div class="value-icon value-icon3"></div>
          </div>
             <div class="culture-item">
            <h3>服务可持续
</h3>
              <p>
即使会计离职，系统留存完整账务链路，新员工快速上手，保障财务服务零中断。


</p>
              <div class="value-icon value-icon4"></div>
          </div>
          
          </div>
        </div>
      </div>

    </div>
    </div>
  </div>
        <uc1:footer runat="server" ID="footer" />
        <uc1:state runat="server" ID="state" />
  <script>
    // 导航栏激活状态
    $(window).scroll(function() {
      const scrollPosition = $(window).scrollTop() + 100;
      
      $('.section').each(function() {
        const sectionTop = $(this).offset().top;
        const sectionId = $(this).attr('id');
        
        if (scrollPosition >= sectionTop) {
          $('.nav li').removeClass('active');
          $(`.nav li[data-target="${sectionId}"]`).addClass('active');
        }
      });
    });
   
    // 平滑滚动
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        
        document.querySelector(this.getAttribute('href')).scrollIntoView({
          behavior: 'smooth'
        });
      });
    });
  </script>
</body>

</html>
